@import "./theme";

@mainBgColor: #DBDEE3;

html {
    //overflow: hidden;
}

body {
    // margin: 0;
    // background: @mainBgColor;
    // box-sizing: border-box;
    // //padding: 16px 8px 16px 16px;
    // overflow-x: hidden;
    // overflow-y: scroll;
    // * {
    //     box-sizing: border-box;
    // }
}

#app {
    min-height: 100%;
    position: relative;
    background: rgba(255, 255, 255, 1);
    //box-shadow: 0 2px 7px 0 rgba(25,40,66,0.24);
}   

.monitorSample-detail,.single-table-popup {
    padding-top: 45px;
    padding-bottom: 30px;
}

.table-space {
    height: 10px;
    background: @mainBgColor;
}

.u-row {
    margin: 0;

    & > div {
        padding: 0 0;
    }
}

.u-message {
    left: 0;
}

.u-loading.u-loading-rotate > div {
    border: none;
}
.u-table-placeholder {
    .uf {
        font-size: 40px !important;
    }
    div {
        margin: 0 !important;
    }
}


.form-panel-textarea {
    > div {
        margin-bottom: 4px;
        min-height: 48px;
        height: 48px;
        padding: 0;

        .u-label {
            width: 100%;
            display: inline-block;
            text-align: right;
            position: relative;
            height: 32px;
            line-height: 32px;
            padding-right: 8px;
        }

        .u-label.time {
            bottom: 10px;
        }

        .u-label:after {
            display: inline-block;
            margin-right: 4px;
            content: "  ";
            line-height: 1;
            font-size: 14px;
            color: #f5222d;
            font-family: monospace;
            width: 5px;
        }

        .mast:after {
            content: "*";
        }

        .error {
            color: red;
            display: block;
            font-size: 12px;
            margin-top: 2px;
            line-height: 12px;
        }

        textarea {
            width: 100%;
            resize: none;
            min-height: 50px;
        }

        .calendar-picker,
        .u-select {
            width: 100%;
        }

        .u-form-control[readonly="readonly"] {
            background: #eee;
            border-color: #e0e0e0;
            color: #424242;
            cursor: not-allowed;
        }
    }
}


.table-header {
    /*   margin-top: 15px;
  margin-left: 8px; */
    padding: 8px;
    background: #fff;
}

.grid-parent {
    padding-bottom: 30px;
}

.head-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.ml8 {
    margin-left: 8px;
}


// 手机号输入，去掉type='number'的选择样式
.u-form-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

button::selection {
    text-shadow: none;
    background: none !important;
}

//上传代码导致Table里的checkbox错位
.u-popover-content {
    .u-checkbox {
        top: auto;
    }
}

// 过滤条件中日期组件和过滤漏斗显示
.filter-wrap .calendar-picker {
    width: auto !important;
}

.u-message-notice-description-icon {
    display: none;
}

.u-message-notice-description-content {
    margin-left: 10px;
}


//表格中 渲染 code 样式
.demo-table-code {
    //text-decoration: underline;
    color: #2196F3;
    cursor: pointer
}

.ref-core-tree-node .uf {
    color: @brand-primary;
}
.u-modal  .u-modal-content{
    transform: none !important;
}


// span.u-input-group.simple input.u-form-control,
// div.form-input-wrap input.u-form-control {
//   background: none;
//    border-radius: 0;
// }
// span.u-input-group.simple input:disabled,
// div.form-input-wrap input:disabled {
//   background: none;
// }
// div.u-select div.u-select-selection {
//   border: none;
//   background: none;
//   border-radius: 0;
// }
// div.u-select-disabled.u-select div.u-select-selection {
//   background: none;
//   border-bottom: 1px solid #ddd;
// }
.u-grid {
  padding-bottom: 30px;
}
.u-grid .u-pagination .page_jump input.page_jump_value {
  border: none;
  border-bottom: 1px solid #999;
  border-radius: 0;
  background: none;
}
.u-grid .u-pagination .u-pagination-list.u-pagination-no-border li a {
  padding: 2px 10px;
}
.u-grid .u-pagination .u-pagination-list.u-pagination-no-border li a:hover {
  background-color: #fdc4c4;
}
.u-grid .u-pagination .u-pagination-list.u-pagination-no-border li.active a {
  background-color: #f53c32;
}
.u-grid .u-pagination .u-pagination-list.u-pagination-no-border li.active a:hover {
  z-index: 2;
  color: #f53c32;
  cursor: default;
  background-color: #ffa43252;
  border-color: #7a869a;
}
.u-table-filter-column-pop-cont-item span.drop-menu-title {
  padding-left: 3px;
}
.gird-parent .demo-grid-wrapper .u-table-filter-column-cont .demo-button.action-button.btn-authority-disabled {
  background: #eee;
  color: #212121;
  border: 1px solid #a5adba;
}
.u-grid.ucf-example-grid .triangle-flag input.triangle-element.u-form-control {
  border: none;
  border-bottom: 1px solid #999;
  border-radius: 0;
}
.u-modal-dialog .u-modal-content .u-modal-header.dnd-handle {
  position: relative;
  height: 50px;
  border-bottom: 1px solid #eee;
}
.u-modal-dialog .u-modal-content .u-modal-header.dnd-handle .u-close.dnd-cancel {
  opacity: 0.8;
}
.u-modal-dialog .u-modal-content .u-modal-header.dnd-handle .u-close.dnd-cancel .uf.uf-close {
  color: #ddd;
}
.u-modal-dialog .u-modal-content .u-modal-header.dnd-handle .u-close.dnd-cancel .uf.uf-close:hover {
  color: #ffa4a4;
}
.u-modal-dialog .u-modal-content .u-modal-header.dnd-handle .u-modal-title {
  font-size: 16px;
  position: absolute;
  top: 16px;
  left: 16px;
  color: #333;
}
// .u-form-item .u-checkbox-group, .u-form-item .u-form-control, .u-form-item .u-input-group .u-form-control, .u-form-item .u-select {
//     border: none;
//     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
//     border-radius: 0;
// }
// .datepicker-input-group.u-input-group:hover>input {
//     border-color: transparent;
// }
// .u-select-enabled .u-select-selection:hover {
//     border-color: transparent;
// }
// .ref-red .u-input-group.simple .u-form-control {
//     border-radius: 0;
// }
.u-panel {
    border-right: none;
    border-left: none;
    border-radius: 0;
    margin-bottom: 0;
}
.route-content {
    background: #fff;
}
.u-grid .u-pagination .u-pagination-list.u-pagination-no-border li.active a {
    // background-color: #ffa432;
}
.u-grid .u-pagination .u-pagination-list.u-pagination-no-border li a:hover {
    background-color: #ffa43252;
}

.u-input-number.u-input-group.simple 
{
    border-spacing: 1px;
    .u-input-group-btn{
        border: none;
        .icon-group .disabled-cursor {
            background: #fff !important;
        }
    }
}
.u-search-header-oper .header-oper-btn.primary {
    background: #ed2d30;
}
// .head-btn,.button-header{
//     .u-button {
//       background-color: #165c8a;
//       border: 1px solid #165c8a;
//       color: #fff;
//     }
// } 
.u-button-border.u-button-primary {
    color: #fff;
    background: linear-gradient(-131deg,#f56151 0,#e70013 100%);
    border-radius: 4px;
    // &:hover {
    //     background-color: #ffa432;
    //     border-color: #ffa432;
    //     color: #fff;
    // }
}

.u-table {
    .u-table-row-hover {
        background: #f5f9ff;
    } 
    td {
        border: none;
    }
    th {
        background: #f5f9ff;
    }
    thead tr:last-child {
        border:none;
    }
    tbody>tr:nth-of-type(even) {
        background-color: #fafafa;
    }
}
.u-button {
    background-color: #fff;
    color: #666;
    border-color: #ddd;
}
// @media only screen and (min-width: 1024px){
//     html {
//       font-size: 50% !important;
//     }
//   }

// @media only screen and (min-width: 1280px){
//     html {
//       font-size: 62.5% !important;
//     }
//   }
  
//字体多端适配设置
 
  @media only screen and (max-width: 1920px){
    html {
      font-size: 80% !important;
    }
    .u-button {
        padding: 3px 20px;
    }
    .title {
        height: 55px;
        line-height: 55px;
    }
    .u-search-header-oper .header-oper-btn  {
        font-size: 14px;
    }
    .collapse-panel .collapse-title {
        line-height: 30px;
        height: 50px;
    }
    .u-table th {
        line-height: 22px;
    }
}
.collapse-panel .collapse-title {
    // background: #f8f8f8;
    // background-color: #5490b7;
    color: #000;
}
@media only screen and (max-width: 1680px){
    html {
      font-size: 70% !important; //22.4px
    }
    .u-search-header-oper .header-oper-btn  {
        font-size: 12px;

    }
    .collapse-panel .collapse-title {
        line-height: 6px;
        height: 26px;
    }
    .u-button{
        padding: 3px 5px;
    }
    .title {
        height: 42px;
        line-height: 42px;
    }
    .u-table th {
        line-height: 24px;
    }
  }
@media only screen and (max-width: 1440px){
    html {
      font-size: 62.5% !important;//14px
    }
    .u-button {
        padding: 3px 5px;
    }
    .collapse-panel .collapse-title {
        line-height: 6px;
        height: 26px;
    }
    
    .u-table th {
        line-height: 16px;
    }
  }
  

body {
    font-size: 1.4rem;
}
 .u-label {
    font-size: 1.2rem !important;

    line-height: 18px !important;
    // display: flex;
    align-items: center;
    justify-content: flex-end;
    display: inline-flex !important;
    top: 0;
}
.u-table {
    font-size: 1.2rem;
}
.u-pagination {
    font-size: 1.4rem;
}
.u-button {
    font-size: 1.2rem;
}
.title .main-title {
    font-size: 1.6rem;
}
.u-select,.u-select-dropdown {
    font-size: 1.2rem;
}
.u-search-header-title {
    font-size: 1.2rem;
}

input::-webkit-input-placeholder { 
    font-size: 1.2rem !important;
}
.cursor {
 cursor: pointer;
}

.ucf-exam-form .u-form-item .u-input-number {
    // border: 1px solid #DDDDDD;
}
.form-input-wrap .ref-input-wrap .rc-tree-select-selection {
    border: none;
    border-bottom: 1px solid #b2b2b2;
    border-radius: 0;
}
// .form-input-wrap .ref-input-wrap .rc-tree-select-selection:hover {
//     box-shadow: none;
//     border: 1px solid #d9d9d9;
// }
.u-modal-content .ucf-exam-form{
    .form-lable-wrap {
        width: 110px;
    }
    .form-input-wrap {
        width: 160px;
    }
}
.u-modal-body .u-form-item {
    display: flex;
}
.ucf-exam-form{
    .form-wraper {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .md.u-form-item{
        // min-height: 60px !important;
        display: flex !important;
        .form-input-wrap {
            textarea {
                min-height: 26px;
                border-bottom: 1px solid #b2b2b2;
            }
            width: 300px;
        }
    }
    .u-form-item {
        display: flex !important;

        align-items: center;
    }
    .form-lable-wrap {
        width: 126px;
    }
    .form-input-wrap {
        width: 200px;
    }
    .form-error-wrap {
        width: 25px;
    }
} 
.u-search .ucf-exam-form .form-lable-wrap {
    width: auto;
}
.ucf-exam-form.sm .u-form-item .u-form-control {
    border: none;
    border-bottom: 1px solid #b2b2b2;
    border-radius: 0;
}
.ucf-exam-form .u-form-item .u-input-number {
    border: none;
    border-bottom: 1px solid #b2b2b2;
    .u-form-control {
        border: none;
    }
}
.ucf-exam-form.sm .u-form-item .u-select .u-select-selection {
    height: 26px;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    border-radius: 0;
}

.ucf-exam-form .u-form-item.time .error {
    top:6px;
    padding-left:2px;
}
.u-time-picker {
    width: 100%;
    .u-time-picker-input {
        height: 26px;
        border-color: #d9d9d9;
    }
    .uf.uf-close-c {
        top:0;
    }
}
.pop_dialog.u-modal .pop_footer button {
    width: auto;
}

.u-form-control {
    font-size: 1.2rem !important;
    padding-left:0;
}

.ref-input-wrap .rc-tree-select-selection {
    font-size: 1.2rem !important;
}

.u-radio .u-radio-label {
    font-size: 1.2rem !important;
    margin-right: 10px !important;
    padding-left: 20px;
}
// .rc-tree-select-disabled .rc-tree-select-selection--single, .rc-tree-select-disabled .rc-tree-select-selection--single:hover, .rc-tree-select-disabled .rc-tree-select-selection__choice__remove, .rc-tree-select-disabled .rc-tree-select-selection__choice__remove:hover,
// .u-select-disabled, .u-select-disabled .u-select-selection--single, .u-select-disabled .u-select-selection--single:hover, .u-select-disabled .u-select-selection__choice__remove, .u-select-disabled .u-select-selection__choice__remove:hover,
// .ref-input-wrap span.rc-tree-select-selection--single .rc-tree-select-selection__placeholder {
//     color: #4c4c4d;
// }
.rc-tree-select-disabled .rc-tree-select-selection__choice__remove {
    display: none;
}
// .rc-tree-select-disabled .rc-tree-select-selection {
//     color: #000;
// }
.rc-tree-select .rc-tree-select-selection__choice {
    background: none;
    padding-left: 0;
}
.u-table-thead .th-drag >span {
    display: inline-block;
    width: 100%;
    >span {
        width: 100%;
    }
}
.u-panel-collapse {
    .u-grid,.gird-parent {
        padding-bottom:0;
    }
}
.ucf-exam-search-panel .u-input-group.simple .u-input-group-btn {
    top: 0px !important;
  }
.u-input-number.u-input-group .u-form-control {
    padding-right: 2px !important;
}
.ref-multiple-table-row-selected {
    background: #e3f2fd !important;
}
.ref-tree-table-base span.ref-core-search.u-input-group.simple {
    display: inline-block !important;
}
.ucf-exam-form .md.u-form-item .form-input-wrap {
    width: 420px !important;
}

.u-panel .u-panel-body {
    padding: 5px 0;
}

div.rc-tree-select-dropdown {
    max-height: 300px;
    overflow: auto;
}

.ref-red.ref-multiple-table.u-modal {
    .u-modal-dialog {
        width: 976px !important;
    }
}
.u-table td, .u-table th {
    padding: 12px 2px;
}
.u-grid th .drop-menu .drop-menu-title {
    max-width: 100%;
}
.u-grid th .drop-menu i.uf {
    display: none;
}
.u-table-placeholder {
    border:none;
}
.rc-tree-select-allow-clear .rc-tree-select-selection--single .rc-tree-select-selection__rendered {
    padding-right: 30px !important;
    padding-left: 0 !important;
}
.rc-tree-select-selection--multiple .rc-tree-select-selection__rendered {
    padding-left: 0 !important;
}
@media only screen and (max-width: 1000px){
    .ucf-exam-form .form-lable-wrap {
        width: 10rem;
    }
    .ucf-exam-form .form-input-wrap {
        width: 16rem;
    }
    .ref-red.ref-multiple-table.u-modal {
        .u-modal-dialog {
            width: 630px !important;
        }
        .u-modal-header.dnd-handle .u-close.dnd-cancel .uf.uf-close {
            color: #353434;
        }
    }

}

.u-table-placeholder {
    display: none !important;
}
.ref-input-wrap span.rc-tree-select-selection--single .rc-tree-select-selection__placeholder {
    color: #ccc !important;
}

.u-input-number.disabled-con {
    .u-input-group-btn {
       background: #f7f9fb;
    }
    .icon-group {
        display: none;
    }
}
.u-select .u-select-arrow {
    color: #ccc;
}
.collapse-panel .datepicker-input-group.u-input-group .u-input-group-btn {
    color:#ccc;
}
.rc-tree-select-disabled .rc-tree-select-selection--single, .rc-tree-select-disabled .rc-tree-select-selection--single:hover, .rc-tree-select-disabled .rc-tree-select-selection__choice__remove, .rc-tree-select-disabled .rc-tree-select-selection__choice__remove:hover, .u-select-disabled, .u-select-disabled .u-select-selection--single, .u-select-disabled .u-select-selection--single:hover, .u-select-disabled .u-select-selection__choice__remove, .u-select-disabled .u-select-selection__choice__remove:hover, .ref-input-wrap span.rc-tree-select-selection--single .rc-tree-select-selection__placeholder {
    color: rgb(66,66,66);
}
.u-radio.disabled .u-radio-label {
    color: rgb(66,66,66);
}
.u-radio.disabled.is-checked .u-radio-label {
    color: rgb(66,66,66);
}
.ucf-exam-form .u-form-item{
    margin-bottom: 0;
}
.u-table td {
    border-bottom: 1px solid #eee;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus {
    color: #ccc;
}
.u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce {
    color: #ccc;
}
.u-upload.u-upload-select {
    margin-left: 14px;
    line-height: 46px;
}
.u-select-selection--single .u-select-selection-selected-value {
    padding-left: 0;
}
.u-table th {
    background: #f7f7f7 !important;
}
.u-search-header-title {
    display: none;
}
.u-search-resident {
    padding-left: 0;
}